@import '../../styles/default.scss';

.sortable-item {
    height: pxToRem(45);
    border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 0 pxToRem(10) #C9C9C9;
    background-color: #fff;
    padding: 0 pxToRem(10);
    display: inline-flex;
    justify-content: space-between;
}
.sort-list {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    li {
        width: 100%;
        height: pxToRem(45);
        line-height: pxToRem(45);
        border-bottom: 1px solid #e4e4e4;
        padding: 0 pxToRem(10);
        display: inline-flex;
        justify-content: space-between;
    }
}
.sortable-item, .sort-list{
    .del-box {
        padding-top: pxToRem(12);
        div{
            height: pxToRem(22);
            line-height: pxToRem(22);
            width: pxToRem(22);
            border-radius: 11px;
            background: $price-up;
            color: $white;
            text-align: center;
        }
    }
    .currPair {
        width: 70%;
        display: inline-block;
        padding: 0 pxToRem(5);
        color: $text-primary-color;
    }
    .dragIcon {
        vertical-align: top;
    }
    .icon {
        font-size: pxToRem(24);
    }
}
#sortableList {

}
.sortable-active {
    height: pxToRem(45);
    line-height: pxToRem(45);
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    //box-shadow: 0px 0px 8px 1px #969696;
    background: #fff;
    font-size: pxToRem(16);
}
